<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="#{diretorios.raiz}#{diretorios.template}/layout.xhtml">
	<ui:define name="content">
		<div>
			<h:outputText value="Recentes"
				style="font-size: 18px; color: #eeeeee" />
			<br />
		</div>
		<p:carousel style="font-size: 14px;" rows="1" itemStyle="width:780px;" styleClass="curstom"
			effect="easeOutStrong" autoPlayInterval="5000" circular="true">
			<p:tab title="Mural 1">
				<h:outputText
					value="
				Existem muitas variações disponíveis de passagens de Lorem Ipsum, mas a maioria sofreu algum tipo de alteração,
				 seja por inserção de passagens com humor, ou palavras aleatórias que não parecem nem um pouco convincentes. 
				 Se você pretende usar uma passagem de Lorem Ipsum, precisa ter certeza de que não há algo embaraçoso escrito 
				 escondido no meio do texto. Todos os geradores de Lorem Ipsum na internet tendem a repetir pedaços predefinidos.
				"></h:outputText>
			</p:tab>
			<p:tab title="Mural 2">
				<h:outputText
					value="
				Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, 
				e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de 
				tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a 
				cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente.
				"></h:outputText>
			</p:tab>
			<p:tab title="Mural 3">
				<h:outputText
					value="
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id dolor diam, non fringilla turpis. 
				Vivamus adipiscing tincidunt porta. Fusce quis elit ac tortor viverra posuere eget fringilla tortor. 
				Aenean accumsan consectetur nisi, ac aliquam erat hendrerit a. Proin quam dolor, semper ornare 
				sollicitudin eu, viverra nec dolor. Nulla facilisis elementum felis vitae posuere. Cras fringilla 
				lobortis luctus.
				"></h:outputText>
			</p:tab>
		</p:carousel>

		<div id="noticia">
			<div class="coluna_noticia">
				<div class="tipo_noticia" style="border-color: #0073ea">
					<h:outputText value="Nacional" style="color: gray;"></h:outputText>
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText
						value="Escola de MG teve questão semelhante à aplicada no Enem-2011 "
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
			</div>
			<div class="coluna_noticia">
				<div class="tipo_noticia" style="border-color: #cc0023">
					<h:outputText value="Estadual" style="color: gray"></h:outputText>
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText
						value="Escola de MG teve questão semelhante à aplicada no Enem-2011 "
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
			</div>
			<div class="coluna_noticia">
				<div class="tipo_noticia" style="border-color: #ccff00">
					<h:outputText value="Municipal" style="color: gray;"></h:outputText>
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText
						value="Escola de MG teve questão semelhante à aplicada no Enem-2011 "
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
				<div class="noticia">
					<h:outputText value="28/10/2011" class="data" />
					<br />
					<h:outputText value="Senador José Sarney doa milhões a famílias"
						style="font-size: 18px;" />
					<br />
				</div>
			</div>
		</div>
	</ui:define>
</ui:composition>
</html>